<ui:fragment xmlns="http://www.w3.org/1999/xhtml"
             xmlns:h="http://java.sun.com/jsf/html"
             xmlns:p="http://primefaces.org/ui"
             xmlns:f="http://java.sun.com/jsf/core"
             xmlns:c="http://java.sun.com/jsp/jstl/core"
             xmlns:ui="http://java.sun.com/jsf/facelets">
    <p:remoteCommand name="changeTrue#{id}"
                     update="#{update}"
                     global="false">
        <f:setPropertyActionListener value="#{true}" target="#{value}"/>
    </p:remoteCommand>

    <p:remoteCommand name="changeFalse#{id}"
                     update="#{update}"
                     global="false">
        <f:setPropertyActionListener value="#{false}" target="#{value}"/>
    </p:remoteCommand>

    <p:outputPanel id="pnlValue#{id}">
        <div class="btn-group">
            <div class="btn #{(value == true) ? 'btn-success' : ''}" 
                 onclick="changeTrue#{id}();">
                <i class="icon-ok #{(value == true) ? 'icon-white' : ''}"/>
            </div>
            <div class="btn #{(value == false) ? 'btn-danger' : ''}" 
                 onclick="changeFalse#{id}();">
                <i class="icon-remove #{(value == false) ? 'icon-white' : ''}"/>
            </div>
        </div>
    </p:outputPanel>
</ui:fragment>
